<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <style type="text/css">

            .ui-growl-message {
                font-size: 12px;
            }
            .ui-widget {
                font-size: 90% !important;
            }

            #menu {
                top:20px;
                margin:0 auto;
                width:80%;
                margin-right:  5%;
                z-index: 901;
            }

        </style>
        <title  id="ti" >alon</title>

        <!--ventanas  -->
        <script src="external/jquery.bgiframe-2.1.2.js"></script>
        <script src="ui/jquery.ui.core.js"></script>
	<script src="ui/jquery.ui.widget.js"></script>
	<script src="ui/jquery.ui.mouse.js"></script>
	<script src="ui/jquery.ui.draggable.js"></script>
	<script src="ui/jquery.ui.position.js"></script>
	<script src="ui/jquery.ui.resizable.js"></script>
	<script src="ui/jquery.ui.dialog.js"></script>
        
        
        
        
        <!-- style menus-->
        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"/>
       <script type="text/javascript" src="js/menu.js"></script>
               <link type="text/css" href="css/menu.css" rel="stylesheet" />

        <link href="css/dropdown.css" media="all" rel="stylesheet" type="text/css" />
        <link href="css/default.css" media="all" rel="stylesheet" type="text/css" />
        <!-- style menus-->


        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />

        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />

    </h:head>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"></link>
    <f:view locale="#{beancontroler_.locale}"/>

    <h:body>
       


        <div id="main">

            <!-- Header -->
            <div id="header">
                <h:form id="formheader">

                    <hr class="noscreen" />

                    <!-- Navigation -->
                    <div id="nav">

                        <p:commandLink id="nav-active" ajax="false"  action="#{beancontroler_.dologout()}" immediate="true" value="#{msg['label.close.sesion']}"/> <span> </span>

                        <p:commandLink update="@form" ajax="false" oncomplete="updateContent()" immediate="true" id="lenguaje" action="#{beancontroler_.changelocale()}">
                            <p:graphicImage url="images/us.png"/>   <p:graphicImage url="images/es.png"/>
                        </p:commandLink>
                        <p:tooltip for="lenguaje" hideEffect="fade" value="#{msg['label.lenaguage']}"/>


                    </div> <!-- /nav -->
                </h:form>
            </div> <!-- /header -->


            <!-- Tray -->
            <div id="tdray">
                <h:form id="formtray">
                    <p:commandLink action="#{beancontroler_.loadaminsettings()}" immediate="true" update="@none" rendered="#{beancontroler_.onlyadmin}"  oncomplete="updateContent()"  id="addmante" style="margin-left: 100%;position: absolute;margin-top: 4%" >
                        <p:graphicImage url="icons/gear.png"/>
                        <p:graphicImage style="margin-left: 100%;margin-top: -100%" url="icons/group.png"/>
                        <f:param name="source" value="adminsettings.xhtml"/>
                    </p:commandLink>
                    <p:tooltip for="addmante" value="Aministracionde Usuarios" />
                    <p:commandLink action="#{beancontroler_.loadhome()}" immediate="true" update="@none" rendered="#{beancontroler_.onlyadmin}"  oncomplete="updateContent()"  id="home" style="margin-left: 115%;position: absolute;margin-top: 7%" >
                        
                        <p:graphicImage style="margin-left: 100%;margin-top: -100%" url="images/home.png"/>
                        <f:param name="source" value="ventanascumple.xhtml"/>
                    </p:commandLink>
                    <p:tooltip for="home" value="Inicio" />
                    



                    <div id="menu">
                        <ul class="menu">
                            <li><a href="#" id="catalogid" class="parent"><span>#{msg['label.catalogs']}</span></a>
                                <div><ul>

                                        <li>
                                            <p:commandLink immediate="true"  id="servicioid"  action="#{beancontroler_.loadservicios()}" update="@none"  oncomplete="updateContent()"  value="#{msg['label.services']}">
                                                <f:param name="source" value="servicios.xhtml"/>
                                            </p:commandLink>

                                        </li>
                                        <li><p:commandLink id="contributorid"   update="@none"  oncomplete="updateContent()" action="#{beancontroler_.loadcolaborador()}"  value="#{msg['label.contributors']}">
                                                <f:param name="source" value="colaboradores.xhtml"/>
                                            </p:commandLink></li>
                                        <li>
                                            <p:commandLink  id="daysid"  update="@none" action="#{beancontroler_.loadiaslibres()}"  oncomplete="updateContent()"  value="#{msg['label.free_days']}">
                                                <f:param name="source" value="diaslibrescolaboradores.xhtml"/>
                                            </p:commandLink>
                                        </li>
                                        <li>
                                            <p:commandLink  id="companyid"  update="@none"  oncomplete="updateContent()" action="#{beancontroler_.loadcompanriacelulares()}"  value="#{msg['label.cell_company']}">
                                                <f:param name="source" value="campniacelular.xhtml"/>
                                            </p:commandLink>
                                        </li>
                                    </ul></div>
                            </li>

                            <li>
                                <a href="#" id="catalogsd" class="parent"><span>Registro</span></a>

                                <div><ul>

                                        <li>
                                            <p:commandLink  id="clientes"  update="@none"  oncomplete="updateContent()" action="#{beancontroler_.loadclientesreg2()}"  value="Clientes">
                                                <f:param name="source" value="clientesvisitas.xhtml"/>
                                            </p:commandLink>

                                        </li>
                                    </ul>
                                </div>

                            </li>
                            <li>
                                <a href="#" id="catalogsd" class="parent"><span>Agenda Clientes</span></a>

                                <div><ul>

                                        <li>
                                           
 <p:commandLink  id="agenda"  update="@none"  oncomplete="updateContent()" action="#{beancontroler_.loadagendaclientes()}"  value="Agenda">
                                                <f:param name="source" value="iniciocitacliente.xhtml"/>
                                            </p:commandLink>

                                        </li>
                                    </ul>
                                </div>

                            </li>
                            
                             <li>
                                <a href="#" id="catalogsd" class="parent"><span>SMS</span></a>

                                <div><ul>

                                        <li>
                                           
 <p:commandLink  id="msj"  update="@none"  action="#{beancontroler_.loadsms()}" oncomplete="updateContent()"   value="Mesajes de Texto">
                                                <f:param name="source" value="appsms.xhtml"/>
                                            </p:commandLink>

                                        </li>
                                    </ul>
                                </div>

                            </li>
                            
                            
                            
                            
                        </ul>
                    </div>

                    <div id="copyright"> <a href="http://apycom.com/"></a></div>


                    <hr class="noscreen" />

                </h:form>
                <!--Fin del menu con su repspectivo form -->




            </div> <!-- /tray -->
            <h:form id="form" enctype="multipart/form-data"><!-- formulario donde cargan todas las paginas web -->
                
           
                
                
             <p:growl id="growl" life="3000"  autoUpdate="true" sticky="false"/>
                <p:remoteCommand name="updateContent"  process="@none" update="content" />
                <p:outputPanel    id="content" >
  
                    <ui:include src="#{beancontroler_.navigatejsf}" />

                </p:outputPanel>
                <!-- Promo -->
            </h:form>







            <!-- Footer -->
            <div id="footer">



                <p>create by <strong><a href="#">IST</a></strong> &reg;</p>

            </div> <!-- /footer -->

        </div> <!-- /main -->

    </h:body>
</html>

